Объект Frame

Объект Frame

Как уже говорилось, объект Frame подобен объекту Window, являясь, по существу, окно в окне. Поэтому данный объект имеет события, методы и свойства, уже описанные для объекта Window. Единственной темой, требующей дополнительного рассмотрения, является синтаксис ссылки из одного фрейма на другой.
Трудность заключается в том, что необходимо правильно указать порядок прохождения свойств объектов. Например, в приведенном примере(листинг) в окне броузера существует два фрейма - верхний и нижний. Имя верхнего "TopFrame", имя нижнего - "BottonFrame". Для того чтобы грамотно сослаться из верхнего текущего фрейма на нижний, скажем, для получения доступа к одному из свойств этого фрейма, следует сперва сослаться на родительский объект верхнего фрейма - Window, - а уж затем нижний фрейм. Это достигается, например, такой строкой:
Top.FrameBottom...
или
Parent.Framebottom...
Помимо этого к фреймам можно обращаться как к элементам массива. Например,
Top.Frames(1)... - ссылка все на тотже нижний фрейм.
В предложенном примере пользователь видит два фрейма. После нажатия кнопки, появляется окно с перечным верных ссылок из верхнего фрейма на нижний. HTML - коды документа, верхнего и нижнего фреймов, приведены ниже.

Листинг 1. HTML - код документа <html> <head> <title>Example</title> </head> <frameset rows="25%,75%"> <frame name="TopFrame" src=Frame1.html> <frame name="BottomFrame" src=Frame2.html> </frameset> <html>

Листинг 2. HTML - код документа Frame1.html верхнего фрейма <html> <head> <title>TopFrame</title> </head> <body bgcolor="white"> <script language="VBScript"> Sub TestB_OnClick Alert "Top.BottomFrame..." + _ chr(13) + chr(10) + "Parent.BottomFrame..." End Sub </script> <p align="center"><font color="blue" size="4">Top Frame</font></p> <form> <p align="center"> <input type="button" name="TestB" value="Click to get Alert"></p> <div align="center">Хостинг от <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>

Листинг 3. HTML - код документа Frame2.html нижнего фрейма <html> <head> <title>BottomFrame</title> </head> <body bgcolor="white"> <p align="center"><font color="blue" size="6">Bottom Frame</font></p> <div align="center">Хостинг от <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>

Хостинг от uCoz